<template>
  <h2>属性绑定指令</h2>
<!--  属性绑定：将HTML的属性值绑定给某个响应式变量，由响应式变量来控制该属性的值-->
  <input type="text" v-bind:value="uname">
<!--  响应式变量的简写模式-->
  <input type="text" :value="uname">
  <hr>
  <a href="url">超链接1</a>
  <a :href="url" :title="title">超链接2</a>


</template>


<script setup>

import {ref} from "vue";

const uname = ref('rose2')
const url = ref('https://www.baidu.com');
const title = ref('8月正在热销中');
</script>


<style scoped>


</style>